<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta http-equiv="Cache-Control"  content="no-transform">
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <title>订单详情</title>
    <link href="/statics/view/css/shop_common.css" rel="stylesheet" type="text/css" />
    <link href="/statics/view/css/shop_layout.css" rel="stylesheet" type="text/css" />
</head>
<body>

<script src="//ms2-m.vipstatic.com/js/lib/a478accf5e.jquery-2.1.0.min.js"></script>

<!--客户端下载的图片-->

<header id="header" class="u-header clearfix">
    <div class="u-hd-left f-left">
        <a href="javascript:void(0)" class="J_backToPrev"><span class="u-icon-px i-hd-back"></span></a>
    </div>
    <div class="u-hd-tit"><span>订单详情</span></div>
    <div class="u-hd-right f-right"><a href="index.html" mars_sead="nav_home_btn"><span class="u-icon-px i-hd-home"></span></a></div>
</header>


<div class="space10"></div>
<!--待支付和更多-->
<div class="userdiv">
    <div class="orderlisttit">订单号：15110942554557</div>
    <div class="orderdeatilbox clearfix">
        <div class="o_d_info">
            <p>订单状态：<em class="o_d_sign">未支付订单</em></p>
            <p>支付方式：<em>在线支付</em></p>
            <p>下单时间：<em>2015-11-09 15:03:13</em></p>
        </div>
    </div>
</div>

<div class="userdiv" style="display:none">
    <div class="orderlisttit">订单号：15110942554557</div>
    <div class="orderdeatilbox clearfix">
    </div>
</div>
<!--以下的模块为各种状态订单通用-->

<!--商品清单-->
<div class="userdiv">
    <div class="orderlisttit">商品详情</div>
    <div class="orderdeatilbox clearfix">
        <div class="orderdeatil clearfix">
            <a href="product-570343-76189039.html"><img src="http://a3.vimage1.com/upload/merchandise/pdc/089/288/8441510845971288089/0/GY-6959648878912-5.jpg" width="80" height="101" class="fl">
                <div class="user_orderlist_r">
                    <p class="cart_g_name">[金利来GY goldlion时尚休闲男装专场]藏蓝色时尚气质长袖羽绒服</p>
                    <p class="space10"></p>
                    <p class="g_d_price">¥1399</p>
                    <p><span class="fl">尺码：L(175/96A)</span><span class="fr">数量：1</span></p>
                </div>
            </a>
        </div>
        <div class="orderdeatil clearfix">
            <a href="product-570343-76189042.html"><img src="http://a3.vimage1.com/upload/merchandise/pdc/022/293/8452206895086293022/0/GY-6959648879223-5.jpg" width="80" height="101" class="fl">
                <div class="user_orderlist_r">
                    <p class="cart_g_name">[金利来GY goldlion时尚休闲男装专场]卡其杏色复古怀旧长袖羽绒服</p>
                    <p class="space10"></p>
                    <p class="g_d_price">¥1399</p>
                    <p><span class="fl">尺码：L(175/96A)</span><span class="fr">数量：1</span></p>
                </div>
            </a>
        </div>
    </div>
</div>


<div class="userdiv">
    <div class="orderlisttit">收货信息</div>
    <div class="orderdeatilbox or_price clearfix">
        <p><span class="tit_h">收货人：</span>熊祥</p>
        <p><span class="tit_h">手机：</span>130*****647</p>
        <p><span class="tit_h">收货地址：</span>湖北省.武汉市.江汉区.万松街建设大道同城广场A栋1单元2301</p>
        <p><span class="tit_h">送货时间：</span>送货时间不限</p>
    </div>
</div>

<!--价格详情-->
<div class="userdiv">
    <div class="orderlisttit">价格详情</div>
    <div class="orderdeatilbox or_price clearfix">
        <p><span class="tit_h">订单总件数：</span>2 件</p>
        <p><span class="tit_h">商品总金额：</span>¥2798</p>
        <p><span class="tit_h">钱包支付：</span>-¥0.00</p>
        <p><span class="tit_h">运费：</span>¥0.00</p>
        <p><span class="tit_h">活动优惠：</span>-¥350.00</p>
        <p><span class="tit_h">优惠券：</span>-¥0.00</p>
        <p><span class="tit_h">订单应付金额：</span><span class="arial font16">¥2448.00</span></p>
    </div>
</div>



<div class="alignc">
    <a href="javascript:;" data-action="ordercancle" data-ordertype="normal" data-order_sn="15110942554557" class="btn_white_order canclorder" mars_sead="orderlist_detail_cancelorder_btn">取消订单</a>
</div>


<!--固定在页面底部浮动的购买按钮-->
<div class="navbar navbar-default navbar-fixed-bottom">
    <div class="container nav-current-box">
        <button type="button" name="afresh-check" class="btn btn-long btn-purple" data-mars_sead="user_order_detail_list_pay_btn" data-page="detail" data-order_sn="15110942554557" data-loading-text="提交中...">立即支付</button>
    </div>
</div>

<!--以下是底部样式-->
<a href="#top" class="u-backtop" mars_sead="home_foot_top_btn">
    <span class="u-icon-px i-backtop"></span>
</a>
<!--以下是浮于显示屏左下角的购物袋-->



<script type="text/javascript">

    $(function() {
        $("#reddot").on("click", function() {
            $.cookie('WAP[redDot]', 'ee9241c084cf33a4263cc014c88beef3', { expires: 7, path: '/',domain:'vip.com' });
        });
    });
    function associateUser(){
        var detect = {};
        detect.bindUser = '';
        return detect;
    };
</script>

<script src="//ms2-m.vipstatic.com/js/b41d4d2270.all.min.js"></script>

<!-- 登录验证 start -->
<script src="//ms2-m.vipstatic.com/js/touch/afe6dce174.page.user.associate.min.js"></script>
<!-- 登录验证 end -->


<!-- 有货提醒20150528. -->
<script type="text/javascript">
    ;(function(win){
        $(function(){
            var isRemindAlert = false, //站内信弹框出来否
                    loopId,
                    status = {
                        errorCls: 'ui-note-error',
                        disabled: 'disabled',
                        events: {
                            btnCode: 'click.action.addCart.refreshBtnCode',
                            imgCode: 'click.action.addCart.refreshImgCode',
                        },
                    },
                    uIDom = {
                        input:{
                            captcha: 'input[name^="captcha"]',
                            img: 'img#captcha',
                        }
                    },
                    isVerify = {
                        triggerEventFocus: ["focus", "blur"],
                        triggerEventKeyDown: ["keyup", "change"],
                        config : {
                            tiptype: 2,
                            tipSweep: false,
                            showAllError: false,
                            postonce: true,
                            ajaxPost: false
                        },
                        action:{
                            refreshCode: function(e){
                                refCode($(this));
                            },
                        },
                        initConfig: function(itemGroup) {
                            var config = $.extend(true, isVerify.config, hawk.validate.util.tipmsg, itemGroup || {});
                            return config;
                        },
                        checkCaptcha: function(e){
                            var t = $(this),
                                    dom = {
                                        elem: t,
                                        curform: t.parents('.modal'),
                                        onShow: "请输入验证码",
                                        onFocus: "请输入验证码，填写有效的验证码",
                                        onCorrect: "",
                                        onEmpty: "请输入验证码",
                                        onError: "请输入有效的验证码",
                                        evType: e.type
                                    };
                            isVerify.checkValid(dom, 'blurValidator', function(status){}, false);
                        },
                        checkValid: function(item, type, callback, bool){
                            var curform = item.curform,
                                    elem = item.elem[0];
                            focusTxt = item.elem.attr('placeholder'),
                                    returnObj = isVerify.initConfig(item);
                            switch (type) {
                                case "blurValidator":
                                    var val = hawk.validate.util.getValue.call(curform, item.elem),
                                            status = true;
                                    if(!item.elem.attr("datatype")) return false;
                                    switch (returnObj.evType) {
                                        case 'focus':
                                            (focusTxt.length) && item.elem.attr('placeholder','');
                                            break;
                                        case 'blur':
                                            (item.elem.attr('type') == 'password' && !focusTxt.length) ? item.elem.attr('placeholder', returnObj.onError) : item.elem.attr('placeholder', returnObj.onEmpty);
                                            break;
                                    }
                                    status = hawk.validate.util.regcheck.call(curform, item.elem.attr("datatype"), val, item.elem, returnObj);
                                    if(!status.passed){
                                        //(returnObj.evType == 'focus') ? (item.elem.parents('li').hasClass("error") && item.elem.parents('li').removeClass("error")) : item.elem.parents('li').addClass("error");
                                        item.elem.parents('li').addClass("error");
                                        //当tiptype=1的情况下，传入"hide"则让提示框不弹出,tiptype=2、3的情况下附加参数"hide"不起作用;
                                        hawk.validate.util.showMessage.call(curform, status.info, returnObj.tiptype, {dom: item.elem, type: status.type, sweep: returnObj.tipSweep},"hide");
                                        callback(status);
                                        return false;
                                    }else{
                                        hawk.validate.util.showMessage.call(curform, status.info, returnObj.tiptype, {dom: item.elem, type: status.type, sweep: returnObj.tipSweep},"hide");
                                        item.elem.parents('li').removeClass("error");
                                        callback(status);
                                        return true;
                                    }
                                    break;
                                default:
                                    return false;
                            }
                        },
                        formValid: function(item, pass, callback){
                            var curform = item.curform,
                                    status = true,
                                    itemStatus,
                                    returnObj = isVerify.initConfig(item);
                            //如果pass为true 则不校验直接通过
                            if(curform[0].status==="posting"){return false;}
                            if(returnObj.postonce && curform[0].status==="posted"){return false;}
                            curform.find("[datatype]").each(function(){
                                if(pass) return false;
                                if($(this).is(":hidden") || $(this).data("dataIgnore")==="dataIgnore") return true;
                                if(!$(this).attr("datatype")) return false;
                                var val = hawk.validate.util.getValue.call(curform, $(this)),
                                        _this = $(this);
                                itemStatus = hawk.validate.util.regcheck.call(curform, $(this).attr("datatype"), val, $(this), returnObj);
                                if(!itemStatus.passed){
                                    if(!returnObj.showAllError){
                                        _this.focus();
                                        status = false;
                                        return false;
                                    }
                                    status && (status = false);
                                    return true;
                                }
                            });
                            if(status){
                                curform[0].status="posting";
                                return callback(curform);
                            }
                            return false;
                        }
                    };

            function antiBrush(callback){
                var model = hawk.showDialog('<h1>输入校验码</h1>\
                <ul class="nav nav-list form form-horizontal">\
                  <li class="control-group control-captcha">\
                    <span><input type="text" name="captcha" size="5" maxlength="4" datatype="*" placeholder="" value=""></span>\
                    <img id="captcha" alt="captcha" src="//ms2-m.vipstatic.com/captcha.html/?'+ Math.random() +'&type=5" style="width:65px;cursor: pointer;">\
                    <a href="javascript:void(0)" class="btn-refresh">&nbsp;换一张</a>\
                  </li>\
                  <li class="control-text validform-tips"></li>\
                </ul>', {
                            width: 300,
                            setClass: 'ui-model-double',
                            top:20,
                            isCenter:false,
                            setResize: false,
                            overClose: false,
                            buttons: true,
                            type: 'defined',
                            onCloseCallBack: true,
                            buttonsCus: [{name: "取消", attribute: false},{name: "确定", attribute: true}],
                            onDoComplete: function(t, c) {
                                c.oncomplete(false);
                                startLoop();
                            },
                            onDoCompleteTo: function(t, c) {
                                var dom = {
                                    elem: t,
                                    curform: t.parents('.modal'),
                                    onCorrect: null,
                                    captcha: captcha,
                                    errorText: captcha.parents('li').next(".validform-tips")
                                };
                                isVerify.formValid(dom, false, function(curform){
                                    dom.elem.addClass(status.disabled).attr(status.disabled, true);
                                    callback(dom, c);
                                })
                            }
                        }),
                        captcha = model.message.find(uIDom.input.captcha);
                captcha.off(isVerify.triggerEventFocus[0]).on(isVerify.triggerEventFocus[0], isVerify.checkCaptcha).off(isVerify.triggerEventFocus[1]).on(isVerify.triggerEventFocus[1], isVerify.checkCaptcha);
                captcha.off(isVerify.triggerEventKeyDown[0]).on(isVerify.triggerEventKeyDown[0], isVerify.checkCaptcha).off(isVerify.triggerEventKeyDown[1]).on(isVerify.triggerEventKeyDown[1], isVerify.checkCaptcha);
                model.message.off(status.events.btnCode, 'a.btn-refresh').on(status.events.btnCode, 'a.btn-refresh', isVerify.action.refreshCode).off(status.events.imgCode, uIDom.input.img).on(status.events.imgCode, uIDom.input.img, isVerify.action.refreshCode);
            }

            function refCode(This){
                var dom = {
                    imgCode: This.parents('.modal').find(uIDom.input.img),
                };
                (dom.imgCode.length && dom.imgCode.prev().children(uIDom.input.captcha).length) && (dom.imgCode.attr('src', 'captcha.html?t=' + Math.random() + '&type=5'),dom.imgCode.prev().children(uIDom.input.captcha).val(''));
            }

            function doAddCart(_data){
                var bool,
                        result,
                        cb;

                var ajax_options = {
                    url: 'index.php',
                    data: {
                        "m": "flow",
                        "act": "addtocart",
                        num : 1, //default one
                        product_id: _data.goodsid,
                        size: _data.skuid
                    },
                    dataType: "json",
                    type: "GET"
                };

                ajax_options.error = function() {
                    hawk.dialogBlack('网络加载异常，请刷新页面重试!');
                };
                ajax_options.success = function(data) {
                    (bool) && (result.curform[0].status = "normal", result.elem.removeClass(status.disabled).attr(status.disabled, false));
                    if(data.is_fastcheckout == 1){ //海淘一键购
                        (bool) && cb.oncomplete(false);
                        location.href = data.url;
                    }else if (data.code == 0 && data.add_num > 0) { //成功
                        (bool) && cb.oncomplete(false);
                        self.location.href = self.location.href;
                        Cookie.Set('footer_remind_showtip',1);
                    } else if (data.code == 111 && data.url.length > 1) { //未登录
                        (bool) && cb.oncomplete(false);
                        location.href = data.url;
                    }else if (data.code == 112) { //切换站点
                        (bool) && cb.oncomplete(false);
                        hawk.showDialog(data.msg, {
                            setClass: 'ui-modal-doubleBtn',
                            overClose: false,
                            buttons: true,
                            type: 'defined',
                            buttonsCus: [{name: "取消", attribute: false},{name: "切换站点", attribute: true}],
                            onDoComplete: function(t, c) {
                                c.oncomplete(false);
                            },
                            onDoCompleteTo: function(t, c) {
                                c.oncomplete(false);
                                hawk.showDialog('<h3><img src="//ms2-m.vipstatic.com/images/common/8d4867b134.loading-big.gif" alt="loading" /></h3><p class="c-red">正在切换</p>', {
                                    setClass: 'ui-white-loading',
                                    overClose: false,
                                    closeBtn: false,
                                    width: 80,
                                    overZindex: 1050,
                                    autoCall: true,
                                    onAutoComplete: function(cal){
                                        var ajax_warehouse = {
                                            url: 'index.php?',
                                            data: {
                                                m: "ajax",
                                                act: "change_warehouse",
                                                wh: data.pwarehouse
                                            },
                                            dataType: "json",
                                            type: 'POST'
                                        };
                                        ajax_warehouse.error = function() {
                                            cal.callback(false);
                                            hawk.dialogBlack('网络延时，提交订单失败！')
                                        };
                                        ajax_warehouse.success = function(re) {
                                            cal.callback(false);
                                            if (re && re != null && re != undefined && re.code==1 && re.url) {
                                                location.href = re.url;
                                            }else{
                                                location.href = 'index.html';
                                            }
                                        };
                                        $.ajax(ajax_warehouse);
                                    }
                                });
                            }
                        });
                    } else if (data.code > 0) {
                        switch (data.code){
                            case 5003:
                                (bool) ? (refCode(result.captcha),result.errorText.addClass('error').html('校验出错，请重试')) : (antiBrush(function(item, c){
                                    ajax_options.data.captcha = item.captcha.val();
                                    $.ajax(ajax_options, bool = true, result = item, cb = c);
                                }));
                                break;
                            case 5004:
                                refCode(result.captcha);
                                result.errorText.addClass('error').html('校验出错，请重试');
                                break;
                            case 5005:
                                refCode(result.captcha);
                                result.errorText.addClass('error').html('校验出错，请重试');
                                break;
                            case 5006:
                                refCode(result.captcha);
                                result.errorText.addClass('error').html('校验码输入错误');
                                break;
                            default:
                                (bool) && cb.oncomplete(false);
                                (data.msg.length) && hawk.dialogBlack(data.msg);
                                startLoop();
                                break;
                        };
                        return false
                    }
                }

                $.ajax(ajax_options, bool = false, null, null);
            }

            function getRemind(){
                stopLoop();
                //请求站内信
                var ajaxOption = {
                    url: 'ajaxapi-remind.html',
                    data: {
                        's' : Date.now(),
                        'action' : 'get'
                    },
                    dataType: "json",
                    type: "GET"
                };

                ajaxOption.error = function() {
                    //hawk.dialogBlack('网络加载异常，请刷新页面重试!');
                };
                ajaxOption.success = function(re) {

                    if(re.code == 10001){
                        delRemind(re.data);
                        //var _data = {"msgid": 56703372,"goodsid":  56703372,"skuid":  146757247,'brand_id' : '430279',"content":  '韩版时尚 女款西瓜红短袖T恤 舒适透气',image:'http://a.vimage1.com/upload/merchandise/424214/Paul-PDZ52CE6233R2-1_473x598_80.jpg',imageUrl:'http://a.vimage1.com/upload/merchandise/424214/Paul-PDZ52CE6233R2-1_473x598_80.jpg'}//test//
                        var _data = re.data;
                        var Img = new Image;
                        Img.onload = function(){
                            Mar.Seed.request("button", "click", 'vip_remind_popup'); //mar
                            hawk.showDialog('<div class="u-remindpop-bd"><a class="u-pic" href="product-'+_data.brand_id+'-'+_data.goodsid+'.html"><img src="'+_data.image+'"></a><p class="u-name">'+_data.content+'</p><p class="u-tips">有货啦，立即拥有它！</p></div>', {
                                setClass: 'ui-model-double u-remindpop',
                                width: 280,
                                //isCenter: false,
                                overClose: false,
                                buttons: true,
                                setResize: false,
                                type: 'defined',
                                buttonsCus: [{name: "错过", attribute: false, mars_sead: 'vip_remind_popup_no'}, {name: "加入购物车", attribute: true, mars_sead: 'vip_remind_popup_yes'}],
                                onDoComplete: function(t, c) {
                                    c.oncomplete(false);
                                    startLoop();
                                },
                                onDoCompleteTo: function(t, c){
                                    c.oncomplete(false);

                                    doAddCart(_data);
                                }
                            });
                        }
                        Img.src = _data.image;
                    }else{
                        startLoop();
                    }
                }

                $.ajax(ajaxOption);
            }

            function delRemind(_data){
                var ajaxOption = {
                    url: 'ajaxapi-remind.html',
                    data: {
                        's' : Date.now(),
                        'action' : 'del',
                        'skuId' : _data.skuid,
                        'productId' : _data.goodsid
                    },
                    dataType: "json",
                    type: "GET"
                };
                ajaxOption.error = function() {
                    //hawk.dialogBlack('网络加载异常，请刷新页面重试!');
                };
                ajaxOption.success = function(re) {}

                $.ajax(ajaxOption);
            }

            function stopLoop(){
                isRemindAlert = true;
                loopId && clearInterval(loopId);
            }

            function startLoop(isFirst){
                isRemindAlert = !!isFirst;

                loopId && clearInterval(loopId);
                loopId = setInterval(function(){
                    isRemindAlert || getRemind();
                },30000); //30s test
            }

            function init(){
                if(Cookie.Get('footer_remind_showtip') == 1){
                    hawk.dialogBlack('商品已加入购物车，请尽快结算');
                    Cookie.Del('footer_remind_showtip');
                }
                getRemind();
                startLoop(true);
            }

            init();
        });
    }(window));
</script>

<!-- dis 获取网速20150723. -->
<script type="text/javascript">
    ;(function(win){
        $(function(){
            //Cookie.Set('getnetspeed','2015-7-16-1', 2*24); //test

            //start get net speed
            var ajaxUrl = {
                'getSpeed' : 'http://m.vip.com/public/getnetspeed/200k',
                'upSpeed' : 'http://m.vip.com/ajaxapi-dis.html'
            };
            var fileSize = 200; //k
            var nowTime = new Date();
            var cookieVal = getCookieVal();

            if(nowTime.getHours() == 10 || nowTime.getHours() == 20){
                if(!cookieVal || compareTime(cookieVal, nowTime) ){
                    getSpeed();
                }
            }

            function getSpeed(){
                var _speed;
                var upTime;
                var _time = Date.now();

                $.ajax({
                    url : ajaxUrl['getSpeed'],
                    success:function(){
                        _upTime = new Date();
                        _time = Date.now() - _time;
                        _speed = ~~(fileSize/_time*1000);

                        _speed && $.ajax({
                            url : ajaxUrl['upSpeed'],
                            data : {
                                's' : Date.now(),
                                'action' : 'speedPush',
                                'speed' : _speed
                            },
                            success:function(re){
                                if(re.code >= 0){
                                    setCookieVal(_upTime);
                                }
                            },
                            error:function(){},
                            dataType:'json',
                            type:"GET"
                        });
                    },
                    error:function(){},
                    dataType : 'text',
                    type:"GET"
                });
            }

            function compareTime(cookieVal, nowTime){

                var nYear = nowTime.getFullYear(),
                        nMonth = +nowTime.getMonth()+1,
                        nDay = nowTime.getDate(),
                        nHour = nowTime.getHours();

                if(!cookieVal){return false;}

                cookieVal = cookieVal.split('-');

                //同一天早十晚八是否发过
                if( cookieVal[0] == nYear &&
                        cookieVal[1] == nMonth &&
                        cookieVal[2] == nDay
                ){
                    if(cookieVal[3] == 1 && nHour == 10){ //早十
                        return false;
                    }else if(cookieVal[3] == 2 && nHour == 20){//晚八
                        return false;
                    }
                }

                return true;
            }

            function getCookieVal(){
                return Cookie.Get('getnetspeed');
            }

            function setCookieVal(date){
                //WhichTime 早十晚8
                //1 10:00
                //2 20:00
                if(!date){ return;}

                Cookie.Set('getnetspeed',
                        date.getFullYear() +'-'+ (+date.getMonth()+1) +'-'+ date.getDate() +'-'+
                        (date.getHours() == 10 ? 1 : 2),
                        2*24);
            }
        });
    }(window));
</script>

<script src="http://3rd.vipstatic.com/mars_wap/mars_wap.js"></script>
<noscript>
    &lt;img src="http://mar.vip.com/n" height="1" width="1" border="0" alt="" /&gt;
</noscript>



<script async="" src="//ms2-m.vipstatic.com/js/f90fe14b29.report.min.js"></script>

<!-- ADMaster -->
<script>
    ;(function admaster() {
        if ('mlogin.vip.com' == location.hostname) return;
        var _smq = _smq || [];
        _smq.push(['_setAccount', '63e2363', new Date()]);
        _smq.push(['pageview']);
        window._smq = _smq;
        var script = document.createElement('script');
        script.type = 'text/javascript';
        script.async = true;
        script.src = '//ms.vipstatic.com/vtm/vtm_config_res/prod/1415348575740_js_core.js';
        var s = document.getElementsByTagName('script')[0];
        s.parentNode.insertBefore(script, s);
    }());
</script>

<!-- 唯享客项目分享记录js  -->

<script src="//ms2-m.vipstatic.com/js/touch/2098636bf4.page.order.detail.min.js"></script>
<div class="space30"></div><div class="space30"></div><div class="space30"></div>


</body>
</html>